<template>
  <view class="content">
    <details-ability title="人才详情" :list="listData"></details-ability>
    <view class="box">
      <text class="header-title min">基本情况</text>
      <uni-list :border="false">
        <uni-list-item
          title="公司"
          rightText="华海（贵州）工业信息技术有限公司"
        />
        <uni-list-item title="岗位" rightText="技术总监" />
        <uni-list-item title="行业" rightText="软件服务业" />
      </uni-list>
    </view>
    <view class="box" style="margin: 30rpx 0">
      <text class="header-title min">社会荣誉</text>
      <view class="social-name"> 贵州省数字经济领域重点人才 </view>
      <view class="social-unity"> 贵州省大数据发展管理局 2020年 授予 </view>
    </view>
  </view>
</template>

    <script setup>
import detailsAbility from "./components/details-ability.vue";
import { ref } from "vue";
const listData = ref({
  name: "田有亮",
  label: ["小微企业", "高新技术", "市级专精特新"],
});
const cardData = ref([
  {
    label: "法定代表人",
    value: "刘南余",
    type: "name",
    unit: "",
  },
  {
    label: "注册资本",
    value: "1138",
    type: "num",
    unit: "万",
  },
  {
    label: "成立日期",
    value: "2017.03.31",
    type: "data",
    unit: "",
  },
  {
    label: "企业规模",
    value: "中型",
    type: "name",
    unit: "",
  },
  {
    label: "行业类型",
    value: "软件开发",
    type: "name",
    unit: "",
  },
  {
    label: "参保员工",
    value: "72",
    type: "num",
    unit: "人",
  },
]);
const labelData = ref([
  "贵阳市市级C类人才",
  "贵阳市市级劳动模范",
  "中国青年科技进步奖获得者",
  "贵州省高层次人才引进计划",
  "贵州省大数据局特聘专家",
]);
</script>

    <style lang="less" scoped>
.box {
  .basic {
    font-family: "ali";
    font-weight: 400;
    font-size: @font-size-23;
    color: @color-black;
  }
  .introduce {
    font-family: "ali";
    font-weight: 400;
    font-size: @font-size-23;
    color: @color-label;
  }
  .social-name {
    font-family: "ali";
    font-weight: 400;
    font-size: @font-size-31;
    color: @color-green;
    height: 47rpx;
    line-height: 47rpx;
    margin-bottom: 10rpx;
  }
  .social-unity {
    font-family: "ali";
    font-weight: 400;
    font-size: @font-size-23;
    color: @color-grey;
    margin-bottom: 50rpx;
  }
}
</style>
